<!doctype html>
<html><!-- InstanceBegin template="/Templates/plantillaPublico.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<!-- InstanceBeginEditable name="titulo" -->
<title>Catalogo Publico</title>
<!-- InstanceEndEditable -->
<!-- InstanceBeginEditable name="enlaces" -->
<link href="estilos/estilos.css" rel="stylesheet" type="text/css">
<link href="estilos/catalogosPublicos.css" rel="stylesheet" type="text/css">
<link href="estilos/menuLateral.css" rel="stylesheet" type="text/css">

<link rel="icon" type="image/png" href="imgenes/light-bulb-151383_1280.png" />
<!-- InstanceEndEditable -->
</head>
<body>
<div class="superior"> 
  
  <!--Logo imagen principal-->
  <div id="desplegable"> <img id="menuser" src="imgenes/usuaio.png">
    <section>
      <h1> INGRESAR</h1>
    </section>
    <form method="post" action="#">
      <fieldset >
        <label>Usuario : </label>
        <input type="email" placeholder="  alguien@example.com" size="24" name="txtUser" tabindex="1" required>
        <label>Clave: </label>
        <input type="password" placeholder="  digite la contraseña" size="23" tabindex="2" name="txtPass" required>
        <a href="#" id="olvido"> Olvido su contraseña </a>
        <input type="submit" id="iniciar"  name="login" value="Iniciar Sesion" >
      </fieldset>
    </form>
  </div>
  <form action="">
    <input type="search" name="nombre" placeholder="Buscar">
  </form>
  <nav id="menu">
    <ul>
      <li> <a href="inicioPublico.jsp" id="inicio">INICIO</a></li>
      <li><a href="catalogoPublico.jsp" id="catalogo">CATALOGO</a></li>
      <li><a href="inicioPedido.jsp" id="pedido">COTIZAR</a></li>
      <li><a href="ayuda.jsp" id="ayuda">AYUDA</a></li>
      <li><a href="registro.jsp" id="Registrate">REGISTRATE</a></li>
    </ul>
  </nav>
  <!-- InstanceBeginEditable name="migapan" -->
  <div id="miga">
    <nav id="migaPan" >
      <ul>
   <li > <a href="inicioPublico.html">Inicio</a> <h1 class="separador">  > </h1></li>
        <li > <a href="catalogoPublico.html">Catálogo </a> </li>
      </ul>
    </nav>
  </div>
  <!-- InstanceEndEditable --> </div>
<div class="bajo"> </div>
<!-- InstanceBeginEditable name="contenido" -->
<div class="inferior">
 
  <div class="ayuda">
    <a  onClick="history.back()"   title="Atras"> <img  src="imgenes/atras.png" width="30px" height="30px"> </a> 
  </div>
  <div class="derecho">
      <div id="catalogoSection">
      <titlte >
      CATÁLOGO LUMINOSO
      </title>
    </div>
    <table id="catalogos"  >
      <tr>
        <td><img src="ImagenesCatalogo/lamp1.jpg" class="imagen">
          <div class="cajaPrecio">
            <p> Bombilla </p>
            <div class="info">
              <div class="valorProducto">$ 2000 </div>
            </div>
            <a class="enlaces" href="#" > Comprar </a> </div>
            </td>
        
        <td><img src="ImagenesCatalogo/lamp2.jpg" class="imagen">
          <div class="cajaPrecio">
            <p> Bombilla </p>
            <div class="info">
              <div class="valorProducto">$ 2000 </div>
            </div>
            <a class="enlaces" href="#" > Comprar </a> </div>
            </td>
            <td><img src="ImagenesCatalogo/lamp3.jpg" class="imagen">
          <div class="cajaPrecio">
            <p> Bombilla </p>
            <div class="info">
              <div class="valorProducto">$ 2000</div>
            </div>
            <a class="enlaces" href="#" > Comprar </a> </div>
            </td>
        
           </tr>
           <tr>
        <td><img src="ImagenesCatalogo/lamp4.jpg" class="imagen">
          <div class="cajaPrecio">
            <p> Bombilla </p>
            <div class="info">
              <div class="valorProducto">$ 2000</div>
            </div>
            <a class="enlaces" href="#" > Comprar </a> </div>
            </td>
        
        <td><img src="ImagenesCatalogo/lamp5.jpg" class="imagen">
          <div class="cajaPrecio">
            <p> Bombilla </p>
            <div class="info">
              <div class="valorProducto">$ 2000</div>
            </div>
            <a class="enlaces" href="#" > Comprar </a> </div>
            </td>
            <td><img src="ImagenesCatalogo/lamp6.jpg" class="imagen">
          <div class="cajaPrecio">
            <p> Bombilla </p>
            <div class="info">
              <div class="valorProducto">$ 2000</div>
            </div>
            <a class="enlaces" href="#" > Comprar </a> </div>
            </td>
        
           </tr>
          
         
    </table>
  
  
  
   </div>
  <div class="cuerpo1">
   <nav id="barraLateral">
      <ul>
        <li>
          <input type="text" id="buscador" placeholder=" Buscar">
        </li>
    
        <li> <a class="barra" href="#">Hogar</a> </li>
        </a>
        <li> <a class="barra" href="#">Oficina</a> </li>
        <li> <a class="barra" href="#">Negocio</a> </li>
        <li> <a class="barra" href="#">Mas vendidos</a> </li>
        <li> <a class="barra" href="#">Todos</a> </li>
      </ul>
    </nav>
  
  
   </div>
  <div class="Pie"></div>
</div>
<!-- InstanceEndEditable -->

  <div class="Pie">
  <div class="descripcionPie">
  
  <p >Derechos reservados</p>
  
  </div>
  
  <h2>Sistema de información para el empresa Ligthing Design</h2>
  
  <table class="linkspie">
  <tr>
  <td>
  <a href="#" class="enlaceT"><img src="imgenes/iconoFacebook.png" ></a>
  </td>
  <td>
   <a href="#" class="enlaceT"><img src="imgenes/iconoTwitter.png"></a>
  </td>
  <td>
 <a href="#" class="enlaceT"><img src="imgenes/googleMas.png"></a>
  </td>
  
  </tr>
  </table>
  
  </div>
</div>
 

</body>
<!-- InstanceEnd --></html>
